import React from 'react';
import { Tabs } from 'antd';
import type { TabsProps } from 'antd';
import JsonDiffTool from '@/pages/JsonDiffTool';
import styles from './App.module.css';
import FuturesCorrelation from './pages/FuturesCorrelation';

const items: TabsProps['items'] = [
  {
    key: '1',
    label: 'JSON 对比工具',
    children: <JsonDiffTool />,
  },
  {
    key: '2',
    label: '查询相关性低的品种',
    children: <FuturesCorrelation />,
  },
];

const App: React.FC = () => {
  return (
    <div className={styles.container}>
      <Tabs 
        defaultActiveKey="1" 
        items={items} 
        className={styles.tabs}
      />
    </div>
  );
};

export default App;
